$(function(){
    // $('#ns').hide();
    var words = $('body').data('words');
    var origin = $('body').data('origin');
    bannerCut();
    asideEvent();
    main_2_style();
    loginLayerEvent();
    footerEvent();
    upload(words,origin);
    pLength();
    showMore();
    topNav();
     if(decodeURI(window.location.search.split('=')[1]) !== 'undefined'){
        // $('header li:last-child').remove();
        $('header li:first-child').css('width','auto');
    }
    if($('#ob>div').length === 0){
        $('#ob').html('<p style="height:30px;color:#999">暂无楼盘信息</p>');
     }else if($('#ns>div').length ===0){
        $('#ns').html('<p style="height:30px;color:#999">暂无楼盘信息</p>');
     }else if($('#ob>div').length === 0 && $('#ns>div').length ===0){
        $('#ob').html('<p style="height:30px;color:#999">暂无楼盘信息</p>');
        $('#ns').hide();
     }
     $('header .top ul li div>p a').each(function(){
        if($(this).data('v') === decodeURI(window.location.search.split('=')[1])){
               $(this).parent('p').css({'backgroundColor':'#C9192A'}).find('a').css({'color':'#fff'});
               $('header li:first-child>p').append('<span style="font-size:12px;">'+' / '+$(this).html()+'</span>');
        }
     })
    $(window).scroll(function(){
        // $('header').css({
        //     opacity:$(window).scrollTop()*0.025>1?1:$(window).scrollTop()*0.025,
        //     zIndex:'9999'
        // });
        // $('.banner .top').css({
        //     opacity:1-$(window).scrollTop()*0.010,
        //     zIndex:'10000'
        // });
            // if($(window).scrollTop() >= $('#ob').offset().top-50){
            //     $('header ul li').eq(0).addClass('color').siblings().removeClass('color');
            //     $('.banner ul li').eq(0).addClass('color').siblings().removeClass('color');
            // }
            // if($(window).scrollTop() >= $('#ns').offset().top-50){
            //     $('header ul li').eq(1).addClass('color').siblings().removeClass('color');
            //     $('.banner ul li').eq(1).addClass('color').siblings().removeClass('color');
            // }
    });
});
function topNav(){
    var num=0;
    $('header ul li').each(function(index){
        $(this).click(function(e){
               $(this).addClass('color').siblings().removeClass('color');
               switch(index){
                    case 0:
                        $('html,body').animate({
                            scrollTop:$('#ob').offset().top-50
                    });
                    break;
                case 1:
                        $('html,body').animate({
                            scrollTop:$('#ns').offset().top-50
                        });
                    break;
            } 
            
        })
        $('header ul li').hover(function(){
            if(num ===0)
           $(this).find('div.elect-city').slideDown("50",function(){
            num++;
           });
           // console.log($(this).is(":animated"))
        },function(){
            if(num !==0)
            $(this).find('div.elect-city').slideUp("50",function(){
                num=0
            });
        })

    })
    $('.banner ul li').each(function(index){
        $(this).click(function(){
            $(this).addClass('color').siblings().removeClass('color');
            switch(index){
                case 0:
                    $('html,body').animate({
                        scrollTop:$('#ob').offset().top-50
                    });
                    break;
                case 1:
                    $('html,body').animate({
                        scrollTop:$('#ns').offset().top-50
                    });
                    break;
            }
        })

    })
}
function asideEvent(){
    var li = $('aside ul li'),s=0;
    li.hover(function(){
        var img = $(this).find('i').data('url1');
        $(this).find('div').animate({
            left:'-150px',
        }).show();
        $(this).css('backgroundColor','#C9192A');
        $(this).find('i').css('backgroundImage','url('+img+')');
        clearInterval(time)
    },function(){
        li.css('backgroundColor','#fff');
        li.find('i').each(function(){
            $(this).css('backgroundImage','url('+$(this).data('url2')+')');
            $(this).next().css({
                left:'-180px',
            }).hide();
        })
    });

    var time = setInterval(function(){
            var img = li.eq(s).find('i').data('url1');
                li.css('backgroundColor','#fff');
                li.find('i').each(function(){
                    $(this).css('backgroundImage','url('+$(this).data('url2')+')');
                    $(this).next().css({
                        left:'-180px',
                    }).hide();
                })

                
                li.eq(s).find('div').animate({
                    left:'-150px',
                }).show();
                li.eq(s).css('backgroundColor','#C9192A');
                li.eq(s).find('i').css('backgroundImage','url('+img+')');
                s<li.length-1?s++:s=0;
    },3000)
    //滚动显示样式
    $('aside ul li.top').hide();
    $(window).scroll(function(){
        if($(this).scrollTop() > 450){
            $('aside ul li.top').show();
        }else{
            $('aside ul li.top').hide();
        }
    })
    /////////////
    //点击事件
    li.each(function(index){
        $(this).click(function(){
            switch(index){
                // case 0:
                //     window.open('https://put.zoosnet.net/LR/Chatpre.aspx?id=PUT46411304&lng=cn')
                //     break;
                case 0:
                    $('.login-layer').fadeIn();
                    break;
                case 1:

                    break;
                case 2:
                    $("html,body").animate({scrollTop:0}, 500);
                    break;
            }
        })
    })
}
function loginLayerEvent(){
    var layer = $('.login-layer');
    var del = $('.login-layer .main .del');
    layer.click(function(event){
        if($(this)[0] == event.target){
            $(this).fadeOut();
        }
    })
    del.click(function(){
        layer.fadeOut();
    })
}
//联系我们按钮点击事件
function footerEvent(){
    var button1 = $('footer ul > li .button .first');
    var button2 = $('footer ul > li .button .last');
    button1.click(function(){
        window.open('https://put.zoosnet.net/LR/Chatpre.aspx?id=PUT46411304&lng=cn')
    })
    button2.click(function(){
        $('.login-layer').fadeIn();
    })
}
//上传提交事件
function upload(a,b){
    var button1 = $('main .top .right .form input[type="button"]');
    var button2 = $('.login-layer .main .right button');
    button1.click(function(){
        var input1 = $('main .top .right .form input[type="text"]').val();
        var input2 = $('main .top .right .form input[type="tel"]').val();
        $.post('https://show.enterlo.com/index/report/inserts',{
            name:input1,
            telephone:input2,
            building:'罗宅首页',
            words:a,
            origin:b
        },function(res){
            if(res.code === "1"){
                $('body').append('<iframe src="/index/index/succeed" id="iframe" style="display: none"></iframe>');
                var time = setInterval(function(){
                    $('#iframe').remove();
                    clearInterval(time);
                },3000);
                $('.login-layer').fadeOut();
            }
            hint(res.message);
        })
    })
    button2.click(function(){
        var input1 = $('.login-layer .main .right > div input[type="text"]').val();
        var input2 = $('.login-layer .main .right > div input[type="tel"]').val();
        $.post('https://show.enterlo.com/index/report/inserts',{
            name:input1,
            telephone:input2,
            building:'罗宅首页',
            words:a,
            origin:b
        },function(res){
            if(res.code === "1"){
                $('body').append('<iframe src="/index/index/succeed" style="display: none"></iframe>');
                var time = setInterval(function(){
                    $('#iframe').remove();
                    clearInterval(time);
                },3000);
                $('.login-layer').fadeOut();
            }
            hint(res.message);
        })
    })
}
function pLength(){
    var p = $('main>div>div .text p');
    p.each(function(){
        if($(this).text().length >= 350){
            $(this).text($(this).text().slice(0,352)+'...');
        }
    })
}
function main_2_style(){
    var text = $('#main2 .text');
    text.each(function(index){
        if((index+1)%2 == 0){
            $(this).css({
                right:'80px',
                left:'auto'
            })
        }else{
            $(this).css({
                left:'80px',
                right:'auto'
            })
        }
    })
}
function showMore(){
    var button1 = $('#ob button');
    var button2 = $('#ns button');
    $('#ob>div').each(function(index){
        $(this).show();
        if(index<5){
            $(this).show();
            button1.hide();
        }else{
            // console.log(index)
            button1.html('<span>展示更多 MORE</span><i></i>').css({
                fontSize:'14px',
                color:'#666'
            }).show();
            $(this).hide();
        }
    })
    $('#ns>div').each(function(index){
        if(index<5){
            $(this).show();
            button2.hide();
        }else{
            button2.html('<span>展示更多 MORE</span><i></i>').css({
                fontSize:'14px',
                color:'#666'
            }).show();
            $(this).hide();
        }
    })
    button1.click(function(){
        $(this).hide();
        $('#ob>div').show();
    })
    button2.click(function(){
        $(this).hide();
        $('#ns>div').show();
    })
}
//普通信息提示
function hint(test, a) {
    var layer = $('.admin-mask-layer');
    $('.admin-mask-layer p').html(test);
    layer.fadeIn('100');
    var time = setInterval(function () {
        layer.fadeOut('100');
        clearInterval(time);
        if (a) {
            a();
        }
    }, 2000);

}
function bannerCut(){
    var country = window.location.search.split('=')[1];
    var urlPng = '/style/images/'+country+'.png';
    var urlSvg = '/style/images/'+country+'.svg';
    var html='';
    if(country){
        if(country ==='JPZ'){
        html+='<div style="width:100%;height:100%;background:url('+urlPng+') no-repeat center center / 100% 100%"></div>'+
           '<div class="text" style="height:640px;left:auto;right:5%;background:url('+urlSvg+') no-repeat center center / 100% 100%"></div>'+
           '<i></i><b></b>';
    }else{
        html+='<div style="width:100%;height:100%;background:url('+urlPng+') no-repeat center center / 100% 100%"></div>'+
           '<div class="text" style="width:auto;max-width:750px;height:285px;background:url('+urlSvg+') no-repeat center center / cover"></div>'+
           '<i></i><b></b>';
    }
    $('.banner').html(html);
    } 
    
}